﻿/* Common settings */
common_border: {border: 1px solid black;}
.border { background: silver; position: absolute; }

/* First ad on the page */

#container {
    width: 400px;
    height: 330px;
    position: relative;
    margin: 0;
    padding: 0;
}

.borderh { height: 0px; border: 1px solid black; }
.borderv { width: 0px; border: 1px solid black; }

#topbar {   
left: 0px; top: 0px;
}
#rightbar {
right: 0px; top: 0px;
}
#bottombar {   
right: 0px; bottom: 0px;
}
#leftbar {
left: 0px; bottom: 0px;
}
#content {
    position: absolute;
    top: 2px;
    left: 2px;
    /* border-divs are 0px wide with 1px border all around, thus have a width & height of 2px (twice the border-width) -- 2 border-divs = 4 less pixels for the content ! */
    width: 396px;
    height: 326px;
    background: whitesmoke;
    overflow: auto;
    text-shadow: 0 0 1px #555;
    text-align: justify;
}

.divWithShadow
{
    background-color:yellow;
    -moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
    box-shadow: 20px 20px 15px #888888;
}

/* Second ad on the page */
#container2 {
    width: 400px;
    height: 340px;
    position: absolute;
    top: 365px;
    margin: 0;
    padding: 0;
}

.borderh2 { height: 0px; border: 1px solid red; }
.borderv2 { width: 0px; border: 1px solid red; }

#topbar2 {   
    left: 0px; 
    top: 0px;
}
#rightbar2 {
    right: 0px; top: 0px;
}
#bottombar2 {   
    right: 0px; 
    bottom: 0px;
}
#leftbar2 
{
    left: 0px; 
    bottom: 0px;
}

#content2 {
    position: relative;
    top: 2px;
    left: 2px;
    /* border-divs are 0px wide with 1px border all around, thus have a width & height of 2px (twice the border-width) -- 2 border-divs = 4 less pixels for the content ! */
    width: 396px;
    height: 336px;
    background: whitesmoke;
    overflow: auto;
    text-shadow: 0 0 1px #555;
    text-align: justify;
}

.divWithShadow2
{
    background-color:green;
    -moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 10px 10px 5px #888888; /* Safari */
    box-shadow: 20px 20px 15px #888888;
}
